<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // // 封装一个异步函数 
        // function shuijianbao(jinang = function(){}){
        //     const timer = Math.random() * 1000+2000; // 随机事件

        //     setTimeout(function(){
        //         console.log('杨璐买完了水煎包,准备打道回府');
        //         console.log(`耗时${timer}毫秒`);
        //         jinang();
        //     },timer);
        // }
        // shuijianbao(function(){
        //     console.log('顺便去便利蜂给我买瓶水');
        // });


        // 模拟失败的情况 
        // // jinnang = 就是 shuijiambao的回调函数 
        
        // const time = Math.random() * 1000+2000;

        // setTimeout(()=>{
        //     if(time<2500){
        //         console.log('成功');
        //     }else{
        //         console.log('失败');
        //     }
        // },time);

            // 整合异步函数 
            function shuijianbao(jinang = function(){}){
            const timer = Math.random() * 1000+2000; // 随机事件

            setTimeout(function(){
                if(timer<2500){
                    console.log('杨璐买完了水煎包,准备打道回府');
                    console.log(`耗时${timer}毫秒`);
                    jinang();
                }else{
                    console.log('失败');
                }
            },timer);
        }
        shuijianbao(function(){
            console.log('顺便去便利蜂给我买瓶水');
        });

    </script>
</body>
</html>